<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition>

 	<p:layout style="width:600px;height:400px;" id="layout">
 	 <p:layoutUnit id="top" position="north" size="65">
 	 
 	 <p:panelGrid>
 	 	<p:row>
 	 		<p:column rowspan="2"><h3 style="width:250px;color:#2E64FE;" class="title"><h:outputText value="#{menuSeccitonMateria.nombreMateria}"  /></h3></p:column>
 	 		<p:column>Profesor(a):<h:outputText style="font-weight: bold;" value="#{menuSeccitonMateria.profesorRotacion}" /></p:column> 	 		
 	 	</p:row>
 	 	
 	 </p:panelGrid>
 	 		
 	 		
 	 </p:layoutUnit>
 	 
 	  <p:layoutUnit id="bottom" position="south" size="60">
       <h4 class="title"><h:outputText value="Materiales y libros" /></h4>
                </p:layoutUnit>
                
      <p:layoutUnit id="left"  position="west" size="150" resizable="false" closable="false" collapsible="false"   minSize="200">
      		<h4 class="title"><h:outputText value="Proximas tareas" /></h4>
      		 
      		<div class="datalist-noborder">
				<p:dataList value="#{menuSeccitonMateria.notasActividades}" var="mat"  type="ordered"
					itemType="none">					
						#{mat.id.asunto}
				</p:dataList>
			</div>
      		
      		
      		<h4  class="title"><h:outputText value="Proximos examenes" /></h4>
      		<div class="datalist-noborder">
				<p:dataList value="#{menuSeccitonMateria.notasActividades}" var="mat" type="ordered" 
					itemType="none">					
						#{mat.id.asunto}
				</p:dataList>
			</div>
			
			
      </p:layoutUnit>
      
        <p:layoutUnit id="center" resizable="true" size="1200" position="center">
        
    			  <h4  class="title">Horario de clase:</h4> 
    			  <h:outputText value="#{menuSeccitonMateria.horarioRotacion}" />
    			  
			  	<h4  class="title">Descripcion de materia:</h4>
			  	<h:outputText value="#{menuSeccitonMateria.descripcionRotacion}" />
			  	
			  	<h4  class="title">Objetivos de aprendizaje:</h4> 
			  	<h:outputText value="#{menuSeccitonMateria.objetivosRotacion}" />
			  	   
        
				  	
        </p:layoutUnit>
  </p:layout>
</ui:composition>

</html>


